.main-container {
  height: 100%;
  overflow-y: auto;

  .top-bar {
    padding: 10px 10px;
    display: flex;
    justify-content: space-between;
    background: #fff;

    .main-table-title {
      line-height: 32px;
      font-size: 20px;
      font-weight: bold;
    }

    div {
      display: inline-block;
    }

    .table-btn-group {
      display: flex;

      button {
        margin-left: 10px;
      }
    }

    .custom-btn-group {
      a {
        margin-left: 8px;
      }
    }
  }

  .content {
    margin: 10px;
    display: flex;

    .left {
      background: #fff;
      margin-right: 10px;
      height: calc(100vh - 140px);
      width: 256px;

      .day-list {
        div {
          font-size: 14px;
          color: #515A6E;
          height: 46px;
          line-height: 46px;
          cursor: pointer;
          text-align: center;
          border-bottom: 1px solid #E8E8E8;
        }

        div.active {
          background: #F0FAFF;
          border-right: 4px solid #0092F1;
          color: #2683FF;
        }
      }
    }

    .right{
      flex: 1;
      background: #fff;
    }
  }

}

.main-content {
  flex: 1;
  width: 100%;


  .content-body {
    .content-top-bar {
      padding: 10px 0;
      display: flex;
      justify-content: space-between;

      div {
        display: inline-block;
      }

      .table-btn-group {
        display: flex;

        button {
          margin-left: 10px;
        }
      }

      .custom-btn-group {
        a {
          margin-left: 8px;
        }
      }
    }

    .useWater-btn {
      button {
        margin: 0 10px 10px 0;
      }
    }
  }
}
